<ion-header>
    <ion-navbar>
        <ion-title>
            个人资料
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content class="content-wrapper">
    <ion-list class="main-content inputs-wrap">
        <p><span class="gray">电话：</span>{{personalDetail.mobile}}</p>
        <div class="inputs mt">
            <span class="gray">姓名</span>
            <input type="text" class="input--inner" placeholder="请输入" [(ngModel)]="personalDetail.name"
                   value="{{personalDetail.name}}">
        </div>
        <div class="inputs mt">
            <span class="gray">公司</span>
            <input type="text" class="input--inner" placeholder="请输入" [(ngModel)]="personalDetail.companyName">
        </div>
        <div class="inputs mt list_provience">
            <span class="gray">省市区</span>
            <div class="label-wrap">
                <city-picker item-content
                             [cancelText]="'取消'"
                             [doneText]="'完成'"
                             [separator]="' - '"
                             [citiesData]="cityData"
                             [(ngModel)]="area"
                             (ionChange)="cityChange($event)">

                </city-picker>
            </div>
        </div>
        <div class="inputs mt adr">
            <span class="gray detail-adr">详细地址</span>
            <textarea class="input--inner another-h" placeholder="请输入详细地址"
                      [(ngModel)]="personalDetail.companyAddressName"></textarea>
        </div>
        <p class="errorMsg">{{errorMsg}}</p>
        <div class="btns--bottom">
            <button class="sub-btn return" (click)="goBack()">返回</button>
            <button class="sub-btn modify" (click)="save()">保存</button>
        </div>
    </ion-list>

</ion-content>
